body {
    min-width: 320px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica;
    background: #f9f9f9;;
    // max-width: 750px;
  }
  .w {
      width: 9.173333rem;
      margin: 0 auto;
  }
  header {
      width: 100%;
      height: 5.066667rem;
      background:linear-gradient(180deg,#fa4651 0%,#f4804c 100%);
      .header {
          height: 100%;
          background: url(../imgaes/Mine/bj.png) no-repeat;
          background-size: contain;
          padding-top: 1.386667rem;
          box-sizing: border-box;
          .yh {
              width: 100%;
              height: 1.92rem;
              display: flex;
              justify-content: space-between;
              .yhl {
                  width: 6rem;
                  height: 100%;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
                 img {
                     width: 1.6rem;
                     height: 1.6rem;
                 }
                span {
                    color: #f7f7f7;
                    p {
                        font-size: .426667rem;
                        &:nth-child(2) {
                            font-size: .293333rem;
                        }
                    }
                }
              }
              .yhr {
                  width: 1.386667rem;
                  height: 100%;
                  img {
                      display: inline-block;
                      width: .426667rem;
                      height: .426667rem;
                  }
              }
              
              }
        }
        .conter {
            margin-top: 1.066667rem;
            width: 100%;
            height: 2.133333rem;
            img {
                width: 100%;
                height: 100%;
            }
    }
}
.nav {
    height: 2.666667rem;
    background-color:#fff;
    margin-top: 1.2rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: .266667rem;
    a {
        width: 1.44rem;
        height: 100%;
        text-align: center;
        color:#494955;
        font-size:.32rem;
        img {
            width: .64rem;
            height: .64rem;
            margin:  .853333rem auto .106667rem;
        }
    }
}
.navs {
    height: 2.666667rem;
    background: #fff;
    border-radius: .266667rem;
    margin-top: .266667rem;
    display: flex;
    justify-content: space-evenly;
    position: relative;
    a {
        width: 1.333333rem;
        height: 1.733333rem;
        color:#494955;
        font-size:.32rem;
        text-align:center;
        img {
            width: .933333rem;
            height: .933333rem;
            margin: .453333rem auto .16rem;
        }
    }
    .boot {
        position: absolute;
        width: .8rem;
        height: .053333rem;
        background-color:#e0e0e0;
        border-radius: .266667rem;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
        i {
            display: block;
            width:.426667rem;
            height:.053333rem;
            background-color:#989898;
            border-radius:.266667rem 0px 0px .266667rem;
        }
    }
}
.gg {
    height: 3.2rem;
    background-color: #fff;
    border-radius: .266667rem;
    margin-top: .533333rem;
    padding:.293333rem .48rem .4rem .56rem;
    h3 {
        color:#202020;
        font-size:.373333rem;
        margin-bottom: .186667rem;
    }
    img {
        width:8.133333rem;
        height:1.786667rem;
    }
}
.bt {
    width: 3.066667rem;
    height: .666667rem;
    margin: .746667rem auto 0;
    line-height:.666667rem;
    img {
        width: .613333rem;
        height: .426667rem;
        display: inline-block;
        vertical-align: middle;
    }
    span {
        font-weight:600;
        color:#262626;
        font-size:.48rem;
       
    }
}
.nvast {
    height: .8rem;
    display: flex;
    justify-content: space-evenly;
    margin-top: .32rem;
    li {
        width: 20%;
        height: 100%;
        color:#6a6c6b;
        font-size:.373333rem;
        text-align: center;
       
    }
    li:nth-child(7) {
        width: 25%;
    }
    li:nth-child(9) {
        width: 25%;
    }

    i {
        display: block;
        width: .026667rem;
        height: .266667rem;
        background-color: #e9e9e9;
        margin-top: 6px;
    }
}
.foot {
    height: auto;
    display: flex;
    justify-content: space-between;
    li {
        width: 4.96rem;
        height: 7.28rem;
        img {
            width: 100%;
            height: 100%;
        }
    }
}
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.413333rem;
    background-color:#ffffff;
    box-shadow:.08rem .106667rem .56rem rgba(6, 0, 1, 0.14);
    display: flex;
    justify-content: space-evenly;
    a {
      display: block;
      flex: 20%;
      text-align: center;
      color:#707070;
      font-size:.266667rem;
      img {
        width: .533333rem;
        height: .533333rem;
        margin: .266667rem auto .133333rem;
      }
    }
  }